<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/page/common/taglib.jsp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>商品首页</title>
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	
	<link href="/css/shop/font-awesome.min.css" rel="stylesheet" type="text/css" >
	<link href="/css/shop/style.css" rel="stylesheet" type="text/css" >
	
	<link href="/css/main/font-awesome.min.css" rel="stylesheet" type="text/css" >
    <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/css/main/datepicker.css" rel="stylesheet" type="text/css">
    <link href="/css/main/style.css" rel="stylesheet">
	
    <script src="/js/jquery.min.js"></script>
	<script src="/js/jquery-migrate-1.4.1.min.js"></script>
	<script src="/js/jquery.easing.1.3.js"></script>
    <script src="/js/bootstrap.min.js"></script>
	<script src="/js/swiper.min.js"></script>
	<script src="/js/main.js"></script>
	
	
  </head>
  <body>

<div id="aue-page">
		
<jsp:include page="/WEB-INF/page/common/Head.jsp"/>
		
 <!--box-->
   <div class="cart_box padding-top-15">
      <!--main-->
      <div class="main">
      	<div class="bz_tip pull-right">
      		<dl class="pull-left over">
      			<dt class="pull-left"></dt>
      			<dd class="pull-left">1</dd>
      			<dt class="pull-left"></dt>
      			<div class="clearfix"></div>
      			<p class="text-center">1.我的购物车</p>
      		</dl>
      		<dl class="pull-left on">
      			<dt class="pull-left"></dt>
      			<dd class="pull-left">2</dd>
      			<dt class="pull-left"></dt>
      			<div class="clearfix"></div>
      			<p class="text-center">2.填写核对订单信息</p>
      		</dl>
      		<dl class="pull-left">
      			<dt class="pull-left"></dt>
      			<dd class="pull-left">3</dd>
      			<dt class="pull-left"></dt>
      			<div class="clearfix"></div>
      			<p class="text-center">3.成功提交订单</p>
      		</dl>
      		<div class="clearfix"></div>
      	</div>
      	<div class="clearfix"></div>
      	
      	
         <!--goods_table-->
          <div class="goods_table">
          	<!--address-->
		      	<div class="address">
		      		<h6>请填写并核对订单信息</h6>
		      		<div class="tit">收货地址</div>
		      		<ul class="address_detail">
		      			<li class="pull-left on">
		      				<span>河北省 石家庄市 长安区 (收件人 收)</span>
		      				<p>石家庄长安市区街道石家庄长安市区街道石家庄长安市区街道 130 3293 0438</p>
		      				<div class="check"></div>
		      				<div class="check_text"><i class="fa fa-check"></i></div>
		      			</li>
		      			<li class="pull-left">
		      				<span>河北省 石家庄市 长安区 (收件人 收)</span>
		      				<p>石家庄长安市区街道 130 3293 0438</p>
		      				<div class="check"></div>
		      				<div class="check_text"><i class="fa fa-check"></i></div>
		      			</li>
		      			<li class="pull-left">
		      				<span>河北省 石家庄市 长安区 (收件人 收)</span>
		      				<p>石家庄长安市区街道 130 3293 0438</p>
		      				<div class="check"></div>
		      				<div class="check_text"><i class="fa fa-check"></i></div>
		      			</li>
		      			<li class="pull-left">
		      				<span>河北省 石家庄市 长安区 (收件人 收)</span>
		      				<p>石家庄长安市区街道 130 3293 0438</p>
		      				<div class="check"></div>
		      				<div class="check_text"><i class="fa fa-check"></i></div>
		      			</li>
		      			
		      			<div class="clear"></div>
		      			<div class="gl"><a class="pull-left" href="javaScript:void(0)">管理收货地址</a></div>
		      		</ul>
		      		
		      		<div class="tit no_bg">送货上门时间:<select><option>时间不限制</option></select></div>
		      		<!--配送方式-->
		      		<!--<div class="tit">配送方式</div>-->
		      		<table class="table table-bordered text-center th_no_border">
			              <thead>
			                 <tr>
			                 	<th colspan="4">配送方式</th>
			                 </tr>
			              </thead>
			              <tbody>
			                 <tr>
			                 	<td width="5%" class="red">选择</td>
			                    <td width="25%" class="red">配送方式</td>
			                    <td width="35%" class="red">支持物流</td>
			                    <td  width="35%" class="red">详细介绍</td>
			                 </tr>
			                 <tr>
			                 	<td width="5%"><input type="radio" name="sel"></td>
			                    <td width="25%">配送方式</td>
			                    <td width="35%">支持物流</td>
			                    <td  width="35%">详细介绍</td>
			                 </tr>
			                 <tr>
			                 	<td width="5%"><input type="radio" name="sel"></td>
			                    <td width="25%">配送方式</td>
			                    <td width="35%">支持物流</td>
			                    <td  width="35%">详细介绍</td>
			                 </tr>
			              </tbody>
			          </table>
		      		<!--/配送方式-->
		      		<!--支付方式-->
		      		<table class="table table-bordered text-center th_no_border">
			              <thead>
			                 <tr>
			                 	<th colspan="3">支付方式</th>
			                 </tr>
			              </thead>
			              <tbody>
			                 <tr>
			                 	<td width="5%" class="red">选择</td>
			                    <td width="30%" class="red">支付方式</td>
			                    <td  width="65%" class="red">详细介绍</td>
			                 </tr>
			                 <tr>
			                 	<td width="5%"><input type="radio" name="sel_zf"></td>
			                    <td width="30%">微信扫码支付</td>
			                    <td width="65%"></td>
			                 </tr>
			                 <tr>
			                 	<td width="5%"><input type="radio" name="sel_zf"></td>
			                    <td width="30%">支付宝</td>
			                    <td width="65%"></td>
			                 </tr>
			                 <tr>
			                 	<td width="5%"><input type="radio" name="sel_zf"></td>
			                    <td width="30%">线下转账</td>
			                    <td width="65%">
			                    	<p>汇款资料</p>
			                    	<p>公司名称</p>
			                    	<p>账号</p>
			                    	<p>开户名</p>
			                    	<p class="padding-top-15">指定收款人账号</p>
			                    	<p>户名</p>
			                    	<p>账号</p>
			                    	<p>工商银行南京路支行</p>
			                    </td>
			                 </tr>
			                 <tr>
			                 	<td width="5%"><input type="radio" name="sel_zf"></td>
			                    <td width="30%">货到付款</td>
			                    <td width="65%"></td>
			                 </tr>
			              </tbody>
			          </table>
		      		<!--/支付方式-->
		      		<!--商品清单-->
		      		<table class="table table-bordered th_no_border table-hover">
			              <thead>
			                 <tr>
			                 	<th colspan="6">商品清单<a class="blue pull-right" href="">返回修改购物车</a>
			                 		<div class="clear"></div>
			                 	</th>
			                 </tr>
			              </thead>
			              <tbody>
			              	<tr class="no_hover">
			                    <td width="10%" class="img_size text-center red">商品图片</td>
			                    <td width="50%" class="text-center red">商品名称</td>
			                    <td width="10%" class="text-center red">商品单价</td>
			                    <td width="10%" class="text-center red">购买数量</td>
			                    <td width="10%" class="text-center red">发货数量</td>
			                    <td width="10%" class="text-center red">小计</td>
			                 </tr>
			                 <tr>
			                    <td width="10%" class="img_size text-center">
			                    	<a href=''>
			                    		<img src="images/goods_img_in.jpg">
			                    	</a>
			                    </td>
			                    <td width="50%">
			                    	<a href="">
			                    	<span class="blue">TLV809K33DBVR</span>
			                    	<p>商家编码:001-TLV809K33DBVR  库存:1000  成本:0.00</p>
			                    	</a>
			                    </td>
			                    <td width="10%" class="text-center">￥3.99</td>
			                    <td width="10%" class="text-center">￥3.99</td>
			                    <td width="10%" class="text-center">￥3.99</td>
			                    <td width="10%" class="text-center">￥3.99</td>
			                 </tr>
			                 <tr>
			                    <td width="10%" class="img_size text-center">
			                    	<a href=''>
			                    		<img src="images/goods_img_in.jpg">
			                    	</a>
			                    </td>
			                    <td width="50%">
			                    	<a href="">
			                    	<span class="blue">TLV809K33DBVR</span>
			                    	<p>商家编码:001-TLV809K33DBVR  库存:1000  成本:0.00</p>
			                    	</a>
			                    </td>
			                    <td width="10%" class="text-center">￥3.99</td>
			                    <td width="10%" class="text-center">￥3.99</td>
			                    <td width="10%" class="text-center">￥3.99</td>
			                    <td width="10%" class="text-center">￥3.99</td>
			                 </tr>
			              </tbody>
			             
			          </table>
			           <div class="goods_all text-right">
			           	 <strong>货物总重量(含礼品)</strong>&nbsp;:&nbsp;<span>39.90</span>克 &nbsp;/ &nbsp;运费:<span>￥0.00 
			           </div>
			           <div class="goods_info">
			           	 <dl class="left_box pull-left">
			           	 	 <dt>
			           	 	 	<input class="pull-left" type="text"/>
			           	 	 	<span class="pull-left">使用优惠券或代金红包</span>
			           	 	 	<p class="pull-left">(使用优惠券和代金红包可以抵扣订单金额)</p>
			           	 	 	<div class="clearfix"></div>
			           	 	 </dt>
			           	 	 <dd>
			           	 	 	<span class="pull-left red">您需要添加附加说明吗？</span>
			           	 	 	<textarea class="pull-left"></textarea>
			           	 	 	<div class="clearfix"></div>
			           	 	 </dd>
			           	 	 <dd><label><input class="pull-left" type="checkbox">是否需要发票</label>
			           	 	 	<div class="clearfix"></div>
			           	 	 </dd>
			           	 </dl>
			           	 <ul class="right_box pull-right">
			           	 	<li><span class="pull-left">商品金额:</span><em class="pull-left"></em></li>
			           	 	<li><span class="pull-left">购物小计:</span><em class="pull-left">￥96.01</em></li>
			           	 	<li><span class="pull-left">可得积分:</span><em class="pull-left">80</em></li>
			           	 	<li><span class="pull-left">优惠券/代金红包可抵扣金额:</span>
			           	 		<em class="pull-left">￥96.01</em></li>
			           	 </ul>
			           	 <div class="clearfix"></div>
			           </div>
		      		<!--/商品清单-->
		      		<div class="all_money">
		      			<a class="red_a pull-right" href="/shop/submitOrder">确认提交</a>
		      			<p class="pull-right">应付总额:<span class="red">￥100.04</span>元</p>
		      			<div class="clear"></div>
		      		</div>
		      	</div>
      		<!--/address-->
          </div>
          <!--/goods_table-->
      </div>
      <!--/main-->
      <div class="clear"></div>
   </div>
  
<!-- 尾部 -->
<jsp:include page="/WEB-INF/page/common/Foot.jsp"/>

</div>
</body>
</html>